@charset "utf-8";
/******************************************************

 概况：包团定制样式表
 
 ******************************************************/

/* 全局 */
@import 'main.css';

/* 公共 */
@import 'public.css';

/* 头部 */
@import 'header.css';

/* 底部 */
@import 'footer.css';
/*********************目的地导航**************************/
.top-bg { background-color: white; }

.set-top { width: 1200px; margin: 0 auto; padding-top: 50px; overflow: hidden; }

.set-top ul li { float: left; }

.set-top .continent { overflow: hidden; padding: 0 0 30px 50px; }

.set-top .continent li:last-child .continent-pic { margin-top: 43px; }

.set-top .continent li { margin: 0 18px; text-align: center; }

.set-top .continent li h3 a { font-size: 20px; font-weight:normal; }

.set-top .continent li .continent-pic { width: 108px; height: 108px; border-radius: 100%; border: solid 5px #eaeaea; margin: 13px 0 10px 0; text-align: center; overflow: hidden; }

.set-top .continent li .continent-pic img { width: 108px; height: 108px; }

.set-top .continent li .continent-pic a { color: #666; line-height: 108px; }

.set-top .continent li .place a { display: block; margin:4px auto; color: #666; }

.set-top .continent li .place a:hover { color: #f50c8a; }

.set-top .set-icon { overflow: hidden; padding: 0 0 20px 120px; margin-top: 20px; }

.set-top .set-icon li { width: 300px; margin-right: 20px; }

.set-top .set-icon li img { float: left; margin-right: 20px; }

.set-top .set-icon li h4 { font-size: 20px; font-weight:normal; padding-top:5px; }

/************************列表****************************/
.main { width: 1200px; margin: 0 auto; }

.main ul { overflow: hidden; padding-top: 20px; margin: 0 -18px; }

.main ul li { margin: 17px 18px; position: relative; width: 375px; background-color: white; padding-bottom: 10px; float: left; }

.main ul li > a { display: block; }

.main ul li > a img {width: 375px; h;height: 235px;}

.main ul li > h3 {width: 375px; height: 50px;position: absolute;line-height: 50px;top: 185px;/* padding: 0 20px; */left: 0px;padding-bottom: -30px;background: url(../images/alpha_60.png);/* margin-bottom: -33px; */overflow: hidden;}

.main ul li h3 a { color: white; font-size: 18px; display:block; padding:0 20px 0 15px;  }

.main ul li h4 { height: 20px; overflow: hidden; margin: 10px 0 3px 0; padding: 0 20px; }

.main ul li h4 a { font-size: 16px; }

.main ul li h4 a:hover { color: #f50c8a; }

.main ul li > p { padding: 0 20px; padding-top:10px; height: 45px; font-size: 14px; overflow: hidden; color: #333; }

.main ul li .plans { overflow: hidden;margin: 20px 0 10px 0; padding: 0 25px; height:80px; overflow:hidden;}

.main ul li .plans section { float: left; text-align: center; margin: 10px 0; }

.main ul li .plans img { float: left; }

.main ul li .plans section p { font-size: 13px; font-weight:bold; color:#B12C74; }

.main ul li .plans section h3 { color: #f50c8a; font-size: 12px; }

.main ul li .plans section h3 span { font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; }

.main ul li a.more { text-align: center; color: #999; line-height: 24px; }

.main ul li a.more:after { content: "+"; width: 24px; height: 24px; border-radius: 100%; background-color: #ccc; color: white; display: inline-block; margin-left: 10px; font-size: 18px; }

.main ul li .button {cursor: pointer;margin: 0 auto; width: 120px; height:35px; border-radius: 5px; background-color: #f50c8a; border: none; display: block; color: white;margin-top: 10px; line-height:35px;/* margin-bottom: 15px; */text-align:center;/* margin-bottom: 10px; */font-size:16px;}

.main ul li hr { border: none; height: 1px; background-color: #ccc;margin: 25px 15px 15px 15px; width: 90%;}

.main ul li .container-botttom { overflow: hidden; }

.main ul li .container-botttom p { color: #aaa; margin: 0 20px; font-size: 12px; }

.main ul li .container-botttom .visit { float: left; }

.main ul li .container-botttom .sell { float: right; }

.main ul li .container-botttom .visit:after { content: ""; background: url(../images/private/icon-visit.png) no-repeat center; width: 12px; height: 15px; margin: 0 0 -3px 5px; display: inline-block; }

.main ul li .container-botttom .sell:after { content: ""; background: url(../images/private/icon-sell.png) no-repeat center; width: 16px; height: 14px; margin: 0 0 -2px 5px; display: inline-block; }
